<!-- BORDER BUTTONS -->
<div id="buttons-border" class="background-dark l-margin-bottom-60">
  <section class="showcase showcase-phone background-arrow-top-right">

    <div class="showcase-content">
      <header class="l-center">
        <h3 class="showcase-title">Border &amp; Borderless Buttons</h3>
        <h4 class="showcase-sub-title ">
          Icons provided by <a target="_blank" href="http://fortawesome.github.io/Font-Awesome/">Font Awesome</a> Great for mobile devices</h4>
      </header>

<div class="showcase-examples l-center">
<button class="button button-large button-plain button-border button-circle"><i class="fa fa-reply"></i></button>
<button class="button button-large button-plain button-border button-box"><i class="fa fa-star"></i></button>
<button class="button button-large button-plain button-border button-square"><i class="fa fa-trash-o"></i></button>
<button class="button button-large button-plain button-borderless"><i class="fa fa-tag"></i></button>
</div>

    <!-- Phone Demo -->
    <div class="phone">
      <div class="phone-screen">
        <div class="phone-status-bar"></div>

        <header class="phone-header">
          <button aria-label="Back" class="button-left button button-small button-borderless button-plain"><i class="fa fa-chevron-left"></i> Back</button>
          <h3>Buttons App</h3>
          <button aria-label="Email" class="button-right button button-borderless button-plain"><i class="fa fa-envelope-o"></i></button>
        </header>

        <div class="phone-body l-center">
          <button class="button button-large button-plain button-border button-circle"><i class="fa fa-bitcoin"></i></button>
          <button class="button button-large button-plain button-border button-circle"><i class="fa fa-refresh"></i></button>
          <button class="button button-large button-plain button-border button-circle"><i class="fa fa-angle-left"></i></button>
          <button class="button button-large button-plain button-border button-circle"><i class="fa fa-angle-right"></i></button>
          <button class="button button-large button-plain button-border button-box"><i class="fa fa-reply"></i></button>
          <button class="button button-large button-plain button-border button-box"><i class="fa fa-star"></i></button>
          <button class="button button-large button-plain button-border button-box"><i class="fa fa-trash-o"></i></button>
          <button class="button button-large button-plain button-border button-box"><i class="fa fa-tag"></i></button>
          <button class="button button-large button-plain button-border button-box"><i class="fa fa-volume-down"></i></button>
          <button class="button button-large button-plain button-border button-box"><i class="fa fa-volume-up"></i></button>
          <button class="button button-large button-plain button-border button-square"><i class="fa fa-reply"></i></button>
          <button class="button button-large button-plain button-border button-square"><i class="fa fa-star"></i></button>
          <button class="button button-large button-plain button-border button-square"><i class="fa fa-trash-o"></i></button>
          <button class="button button-large button-plain button-border button-square"><i class="fa fa-tag"></i></button>
          <button class="button button-large button-plain button-border button-square"><i class="fa fa-volume-down"></i></button>
          <button class="button button-large button-plain button-border button-square"><i class="fa fa-volume-up"></i></button>
          <button class="button button-large button-plain button-borderless"><i class="fa fa-reply"></i></button>
          <button class="button button-large button-plain button-borderless"><i class="fa fa-star"></i></button>
          <button class="button button-large button-plain button-borderless"><i class="fa fa-trash-o"></i></button>
          <button class="button button-large button-plain button-borderless"><i class="fa fa-tag"></i></button>
          <button class="button button-large button-plain button-borderless"><i class="fa fa-volume-down"></i></button>
          <button class="button button-large button-plain button-borderless"><i class="fa fa-volume-up"></i></button>
          <button class="button button-large button-plain button-borderless"><i class="fa fa-volume-up"></i></button>
          <button class="button button-large button-plain button-borderless"><i class="fa fa-volume-up"></i></button>
                  </div>

        <footer class="phone-footer">
          <a href="http://unicorn-ui.com/" class="button button-plain button-border button-pill button-block button-uppercase">Sign Up Free</a>
        </footer>
      </div>
    </div>

  </section>
</div>
